<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="author" content="Kodinger">
    <title>管理员登录</title>
    <link rel="stylesheet" type="text/css" th:href="@{/admin/bootstrap4/css/bootstrap.min.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/admin/css/my-login.css}">
</head>
<body class="my-login-page">
<section class="h-100">
    <div class="container h-100">
        <div class="row justify-content-md-center h-100">
            <div class="card-wrapper">
                <div class="brand">
                    <img th:src="@{img/logo.jpg}">
                </div>
                <div class="card fat">
                    <div class="card-body">
                        <h4 class="card-title">管理员登录</h4>
                        <div style="color:red;width: 338px;height: 21px" th:text="${msg}"></div>
                        <form method="POST" th:action="@{/admin/login}">

                            <div class="form-group">
                                <label for="bottom-text">管理员账号</label>

                                <input id="bottom-text" type="text" class="form-control" name="adminname" value="" placeholder="账号" required autofocus>
                            </div>

                            <div class="form-group">
                                <label for="password">管理员密码</label>
                                <input id="password" type="password" class="form-control" name="adminpassword" placeholder="密码" required data-eye>
                            </div>

                            <div class="form-group">
                                <label>
                                    <input type="checkbox" name="remember">记住我
                                </label>
                            </div>

                            <div class="form-group no-margin">
                                <button type="submit" class="btn btn-primary btn-block" >
                                    登录
                                </button>
                            </div>
                            <div class="margin-top20 text-center">
                                <a href="#" >忘记密码</a>

                            </div>
                        </form>
<!--                        <P style="text-align: center">-->
<!--                            <a class="btn btn-sm" th:href="@{/login.html(l='zh_CN')}" >中文</a>-->
<!--                            <a class="btn btn-sm" th:href="@{/login.html(l='en_US')}" >English</a>-->
<!--                        </P>-->
                    </div>
                </div>
                <div class="footer">

                </div>
            </div>
        </div>
    </div>
</section>

<script th:src="@{js/jquery.min.js}"></script>
<script th:src="@{bootstrap/js/bootstrap.min.js}"></script>
<script th:src="@{js/my-login.js}"></script>
</body>
</html>